<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*未访问时的状态 */
        a:link{
             color:blue;
        }

        /*访问后的状态*/
        a:visited{
            color:gold;
        }

        /*鼠标悬停时候的状态*/
        a:hover{
            font-size: 20px;
            color:red;
        }

        /*获取焦点时的状态*/
        a:focus{
            color:green;
        }

        /*被激活时候的状态*/
        a:active{
            border:1px solid #000;
            color:purple;
        }


    </style>
</head>
<body>
    <a href="https://www.jd.com">京东</a>
</body>
</html>